
    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>零基础使用DeepSeek高效提问技巧 - 学习卡片</title>
      <style>
        body { font-family: sans-serif; background-color: #f0f8ff; color: #333; display: flex; flex-direction: column; align-items: center; padding: 50px 20px; }
        .header h1 { font-size: 32px; }
        .grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; width: 100%; max-width: 1200px; }
        .card-container { perspective: 1200px; cursor: pointer; height: 250px; }
        .card { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transition: transform 0.7s; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
        .card-container.flipped .card { transform: rotateY(180deg); }
        .card-face { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; flex-direction: column; box-sizing: border-box; border-radius: 16px; background-color: #fff; padding: 24px; }
        .card-back { background-color: #f0fff4; transform: rotateY(180deg); justify-content: space-between; }
        .card-category { font-size: 14px; color: #0052d9; margin-bottom: 8px; font-weight: 500; }
        .card-question { font-size: 20px; font-weight: 500; flex-grow: 1; display: flex; align-items: center; justify-content: center; text-align: center; }
        .card-answer-wrapper { flex-grow: 1; overflow-y: auto; }
        .card-answer { font-size: 15px; line-height: 1.7; }
        .card-footer { font-size: 13px; color: #8a919f; border-top: 1px solid #f0f0f0; padding-top: 16px; margin-top: 16px; }
        .card-source { font-size: 13px; color: #8a919f; border-top: 1px solid #f0f0f0; padding-top: 12px; margin-top: 12px; }
      </style>
    </head>
    <body>
      <div class="header">
        <h1>零基础使用DeepSeek高效提问技巧 - 学习卡片</h1>
      </div>
      <div class="grid-container">
        
    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">理论</div>
          <div class="card-question">根据文档，DeepSeek这类AI产品的本质是什么？为什么清晰的指令对其至关重要？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">理论</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">DeepSeek产品本质上是“模式匹配专家”。清晰的指令能够激活更精准的知识关联，从而引导AI生成更符合预期的内容。</div>
          </div>
          <div class="card-source">来源: 文档开篇引言部分</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技巧</div>
          <div class="card-question">在向AI提出需求时，如何通过“明确具体目标”来避免得到宽泛的答案？请举例说明。</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技巧</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">通过提供结构化的需求和场景限定。例如，不说“帮我写个方案”，而是具体说明：“作为跨境电商创业者，我需要制定亚马逊新品推广方案，请按以下框架展开：市场调研方法、推广阶段划分、风险控制清单。”</div>
          </div>
          <div class="card-source">来源: 技巧1：明确具体目标</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技巧</div>
          <div class="card-question">为什么在请求AI修改文案时提供背景信息很重要？需要提供哪些关键背景信息？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技巧</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">提供背景信息能让模型更快地了解用户的底层诉求，从而生成更精准的文案。关键背景信息包括：产品类型、目标用户（受众）、以及具体的使用场景。</div>
          </div>
          <div class="card-source">来源: 技巧2：提供背景信息</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技巧</div>
          <div class="card-question">当面对一个宏大而复杂的问题时，文档建议使用什么方法来获得阶梯式的指导？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技巧</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">文档建议将复杂问题进行分步拆解。可以使用「Step+数字」的格式来明确划分不同阶段的任务，从而获取条理清晰、可执行的阶梯式指导。</div>
          </div>
          <div class="card-source">来源: 技巧3：分步拆解复杂问题</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">机制</div>
          <div class="card-question">如果AI初次生成的回答不完全符合预期，应该如何通过“及时反馈”来修正对话？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">机制</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">可以通过补充提问的方式，给出具体的修正指令。例如，可以要求调整语气（“语气可以更夸张，增加5个感叹词”）、补充具体内容（“补充实验室检测数据”）或添加特定元素（“添加紧迫感促销话术”）。</div>
          </div>
          <div class="card-source">来源: 技巧4：及时反馈修正对话</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技巧</div>
          <div class="card-question">为了深入挖掘和扩展AI的回答，文档推荐了哪些“善用追问”的话术模板？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技巧</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">文档推荐了三种话术模板：1. 询问潜在风险与应对策略（“基于这个方案，可能遇到哪些实施风险？给出应对策略。”）；2. 请求用另一种理论或模式重新解构问题以获得新结论；3. 要求将内容提炼为可立即执行的动作要点。</div>
          </div>
          <div class="card-source">来源: 技巧5：善用追问扩展经典话术模板</div>
        </div>
      </div>
    </div>

      </div>
    </body>
    </html>
